<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
          <link type="text/css" rel="stylesheet" href="../css/login.css">
            <link href="../css/bootstrap.min.css" rel="stylesheet">
        <title></title>
         <style type="text/css">
      		body{
			 background-image:url(../img/login.jpg);
			 background-size: cover;
		}
    .login2{
   width:450px;
     	   height: 340px;
  	position: absolute;
	   top: 200px;
  	left:990px;
  	background-color: white;
  }
  #biaoti{
  	  width:140px;
  	  height:30px;
  	 /* border: 1px solid red;*/
  	  position: absolute;
  	  font-size: 23px;
  	  font-family: "微软雅黑";
  	  top:10px;
  	  left:150px;
  }
    #biaoti2 {
  	  width:290px;
  	  height:30px;
  	 /* border: 1px solid red;*/
  	  position: absolute;
  	  font-size: 20px;
  	  font-family: "微软雅黑";
  	  top:45px;
  	  left:90px;
  }
    .bt{
  	  width:200px;
  	  height:30px;
  	/*  border: 1px solid red;*/
  	  position: absolute;
  	  font-size: 20px;
  	  font-family: "微软雅黑";
  	  top:35px;
  	  left:40px;
  }
  #span{
  		  color: cornflowerblue;
  }
  a{
  	  	  text-decoration: none;
  }
 #biaoti2 a:hover{
  	text-decoration: underline;
  	 
  }
  
  .form-group{
  	position: absolute;
   top:130px;
   left:140px;
   
  
  }
  .form-group:hover{
  	position: absolute;
   top:110px;
   left:80px;
  }
  #aaa{
   background-color:lightgreen;
  }
  .dia{
  	height: 40px;
  	width:270px;
  	 position: absolute;
  	  top: 310px;
  	  left:215px;
  }
      </style>
    </head>
     
    <body>
    	<div class="login2">
   
    	   <div id="biaoti">快速安全登录</div>	
    	   <div id="biaoti2">请使用扫描<a href=""><span id="span">QQ手机版</span></a><span>二维码，</span>
    	   	  <p  class="bt">安全登录，防止盗号。</p>
    	   </div>
             <img class="form-group" src="../img/er.png"/>
     	 <div class="dia">
     <a href="login1.jsp"><span style="font-family: '微软雅黑'; color: black;  font-size: 15px;">快速登录 |</span></a>
     <a href=""><span style="font-family: '微软雅黑'; color: black;  font-size: 15px;">注册新账号 |</span></a>
     <a href=""><span style="font-family: '微软雅黑'; color: black;  font-size: 15px;">意见反馈</span></a>
    </div>
    </div>
    </div>

    	<div  class="dibu">
    		<div class="apple">
    			<a href="#">
        <img src="../img/apple.png"/>
            <br />
        <span id="dispan03">iPhone</span>
        </a>
     </div>
     		<div class="ipad">
    			<a href="#">
        <img src="../img/iphone.png">
            <br />
        <span id="dispan04">iPad</span>
        </a>
     </div>
       		<div class="ren">
    			<a href="#">
        <img src="../img/ren.png">
            <br />
        <span id="dispan05">Android</span>
        </a>
     </div>
            		<div class="window">
    			<a href="#">
        <img src="../img/wid.png">
            <br />
        <span id="dispan06">Windows<br/>Phone</span>
        </a>
     </div>
     
           <div class="qiqiq" style="width: 100px;">
    		<a href="#">
        <img src="../img/1ita.png">
            <br />
        <span id="dispan07">其他手机</span>
        </a>
        
     </div>
     
     <p id="p"><a href=""><span id="dispan02">反馈建议 |</span></a> <a href=""><span id="dispan02">官方空间 |</span></a> <a href=""><span id="dispan02">空间活动 | </span></a> <a href=""><span id="dispan02">空间应用 |</span></a> <a href=""><span id="dispan02">腾讯原创馆 |</span></a>
     	<a href=""><span id="dispan02"> QQ互联 |</span></a><a href=""><span id="dispan02">QQ登录 |</span></a><a href=""><sapn id="dispan02"> 社交组件 |</sapn></a> <a href=""><span id="dispan02">应用侵权投诉 |</span></a>
     	<a href=""><sapn id="dispan02">Complaint Guidelines</sapn></a>
     </p>   
     
    <p id="pp"><span id="dispan02">Copyright © 2005 - 2019 Tencent.All Rights Reserved.</span></p> 
      <p id="ppp"><span id="dispan02">腾讯公司 版权所有 粤网文[2017]6138-1456号</span></p>
    	</div>
 	</body>
</html>